<template>
  <s-page custom-class="Search-Page">
    <s-search v-model="keyword" show-action @search="handleSearch" @action="handleSearch" />
  </s-page>
</template>

<script>
export default {
  components: {},
  data: () => ({
    keyword: '',
  }),
  computed: {},
  watch: {},
  methods: {
    handleSearch(value) {
      if (!value) {
        uni.showToast('请输入');
      } else {
        uni.showToast('输入值为：' + value);
      }
    },
  },

  // 页面周期函数--监听页面加载
  onLoad() {},
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示(not-nvue)
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  onPullDownRefresh() {
    uni.stopPullDownRefresh();
  },
  // 页面处理函数--监听用户上拉触底
  onReachBottom() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  /* onPageScroll(event) {}, */
  // 页面处理函数--用户点击右上角分享
  /* onShareAppMessage(options) {}, */
};
</script>

<style></style>
